.Conter{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	margin-top: 0.266667rem;
}
.Button{
	margin-top: 10px;
	width: 100%;
	height: 2rem;
	border: 1px solid;
}
.photoframe{
	height: 6.66666rem;
	width: 7.2rem;
	box-sizing:border-box;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-top: 0.4533rem;
	margin-left:0.4568rem ;
}
.conter1>img{
	width: 0.7733333rem;
	height:0.4133333rem;
	position: absolute;
	margin-top: 6.72rem;
	margin-left:0.24rem ;
	z-index: 100;
}
.album{
	width: 100%;
	height: 100%;
}
.wenben{
	margin-top: 0.2rem;
}
.Input{
	position: absolute;
	padding-top:8.1rem ;
	/*margin-left: 3.65rem;*/
	width: 100%;
	/*height: 1rem;*/
	text-align: center;
}
.Input>h1{
margin-top: 0.7rem;
}
.I1{
	/*height: 100%;*/
	/*margin-left: 5px;*/
	border: none;
	background-color: #F1FEFF;
	transform: scale(0.6,0.6);
	z-index: 1;
}
span{
	font-size: 0.6rem;
}
.img1{
	position: absolute;
	width: 7.2rem;
    height:6.67rem;
	left:0.26rem;
	top:0.26rem;
}
.btn{
   margin-left: 1.9rem;
    margin-top:0rem;
    z-index: 99;
}
/*第二页*/
.conter2{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	background: url(../../images/photoNewBook/b2.png)no-repeat;
	background-size:contain;
	position: relative;
	
}
.biaoti{
	width: 5rem;
	height: 1rem;
	position: absolute;
	margin-top: 0.8rem;
    margin-left: 2.2rem;
	text-align: center;
	background:url(../../images/photoNewBook/shengxia.png) no-repeat;
}
.biaoti>h1>span{
	position: absolute;
	margin-top:0.08rem;
}
.radiu{
	width: 6.08rem;
	height: 6.08rem;
	/*border-radius:50%;*/
	background:url(../../images/photoNewBook/yuan1.png) no-repeat;
	background-size:contain;
	/*border: 2px solid #C5FCFC;*/
	position: absolute;
	margin-left:1.1rem ;
	margin-top: 2.3rem;
	overflow: hidden;
	text-align: center;
}
.img2{
	width: 5.7rem;
	height: 5.7rem;
	border-radius:50%;
	margin-left: 0.15rem;
	margin-top: 0.1rem;
}
.Input1{
	position: absolute;
	margin-top: 8.2rem;
	margin-left: 28%;
}
.input{
	background-color: #F1FEFF;
	border: none;
	display: none;
}
.text{
	opacity: 0.5;
	overflow: hidden;
}

.text1{
	width: 4.6rem;
	font-size: 14px;
	height: 0.6rem;
	overflow:hidden;
}
.Input2{
	width: 10rem;
	position: absolute;
	margin-left: -3rem;
	/* margin-top: 9.5rem; */
	transform: scale(0.7,0.7);
	text-align: center;
}
/*第三页*/
.conter3{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	background: url(../../images/photoNewBook/b3.png)no-repeat;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.conter3>img{
	height: 3.1rem;
	margin-top: 1.25rem;
	margin-left: 6.5rem;
}
.radiu2{
	width: 6rem;
	height: 6rem;
	/*border-radius:50%;*/
	background:url(../../images/photoNewBook/yuan1.png) no-repeat;
	background-size:contain;
	position: absolute;
	margin-left:-0.5rem ;
	margin-top: -0.3rem;
	overflow: hidden;
	text-align: center;
}
.img3{
	border-radius:50%;
	width: 5.6rem;
	height: 5.6rem;
	text-align: center;
	margin: auto;
	margin-top: 0.15rem;
    margin-left: 0.15rem;
}
.img3>img{
	width: 5.7rem;
	height: 5.7rem;
	margin-left: 0.1rem;
}
.btn1{
	margin-top:-0.1rem;
	z-index: 99;
	border: 1px solid;
}
.Input3{
	position: absolute;
	margin-left: -0.3rem;
	margin-top: 3.26rem;
}
.text3{
	width: 4.8rem;
	height: 1.8rem;
	transform: scale(0.7,0.7);
	overflow: hidden;
}
.input3{
  margin-left: 0.7rem;
}
.radiu3{
	width: 4.3rem;
	height: 4.3rem;
	background:url(../../images/photoNewBook/yuan1.png) no-repeat;
	background-size:contain;
	position: absolute;
	margin-left:3.8rem ;
	margin-top: 2.3rem;
	overflow: hidden;
	text-align: center;
}
.img4{
	border-radius:50%;
	width: 4rem;
	height: 4rem;
	text-align: center;
	margin: auto;
	margin-top: 0.1rem;
	margin-left: 0.1rem;
}
.btn2{
	margin-top: -0.3rem;
	z-index: 1;
}
/*第四页*/
.conter4{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background-color: #F0FEFF;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}

.photoframe2{
	margin: auto;
	margin-top:0.26rem ;
	width: 7.17rem;
	height: 10.58rem;
	border: 2px solid #C4FBFB;
	background-color: #FFFFFF;
}
.img5{
	margin-top: 0.2rem;
	width: 6.6rem;
	height: 8rem;
	margin-left: 0.2rem;
}
.photoframe2>img{
	width: 2.8rem;
	margin-left: 2.185rem;
	margin-top: 8.5rem;
	/*margin: auto;
	margin-bottom: ;*/
}
.Input4{
	margin-top: -0.1rem;
}
.input4{
	background-color: #FFFFFF;
	margin-left: 0.25rem;
}
.text4{
	width:6.7rem ;
	height:1.2rem ;
	text-align: center;
	margin-left: 0.1rem;
}
/*第五页*/
.conter5{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/b5.png)no-repeat;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.photoframe3{
	width:3.31rem;
	height: 4rem;
	border: 2.5px solid #C5FCFC;
	margin-left: 4.55rem;
	margin-top:0.18rem;
}
.img6{
	width:3.31rem;
	height: 4rem;
	margin-left: -0.29rem;
	margin-top: -0.24rem;
}
.photoframe4{
	width:3.2rem;
	height: 2.67rem;
	border: 2.5px solid #C5FCFC;
	margin-left: 0.2rem;
	margin-top:-1.22rem;
}
.img7{
	width:3.2rem;
	height: 2.67rem;
	margin-left: -0.3rem;
    margin-top: -0.3rem;
}
.conter5>img{
	width:1.63rem;
	margin-left: 1.98rem;
	margin-top: 0.4rem;
}
.Input5{
	/*border: 1px solid;*/
}
.text5{
	width: 6.5rem;
	height: 0.9rem;
	transform: scale(0.7,0.7);
	text-align: center;
}
.input5{
	margin-left: 0.8rem;
}
.photoframe5{
	width:2.48rem;
	height: 4.26rem;
	border: 2.5px solid #C5FCFC;
	margin-left: 5.8rem;
	margin-top:-6.6rem;
	z-index: 40;
}
.img8{
	width:2.48rem;
	height: 4.26rem;
	margin-left:0.13rem ;
	margin-top: -0.25rem;
	z-index: 20;
}
.photoframe6{
	width:6.26rem;
	height: 3.31rem;
	border: 2.5px solid #C5FCFC;
	margin-left: 0.44rem;
	margin-top:0.1rem;
}
.img9{
	width:6.26rem;
	height: 3.31rem;
	margin-left:0.13rem ;
	margin-top: -0.2rem;
}
/*第六页*/
.conter6{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/b6.png)no-repeat;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.conter6>img{
	width:4.04rem ;
	margin-left:4.6rem;
	/*margin-top:0.7rem;*/
}
.photoframe7{
	width:3.5rem;
	height: 2.8rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 0.558rem;
	margin-top:1.47rem;
	transform:rotate(3deg);
	text-align: center;
}
.img10,.img11,.img12,.img13,.img14{
	width:3.1rem;
	height: 2.4rem;
	margin-left: 0.13rem;
	margin-top:0.15rem;
}
.photoframe8{
	width:3.5rem;
	height: 2.8rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 0.558rem;
	margin-top:1.15rem;
	transform:rotate(5deg);
	text-align: center;
}
.photoframe9{
	width:3.5rem;
	height: 2.8rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 4.25rem;
	margin-top:-0.54rem;
	transform:rotate(-4deg);
	text-align: center;
}
.photoframe10{
	width:3.5rem;
	height: 2.8rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 4.25rem;
	margin-top:2.46rem;
	transform:rotate(-2deg);
	text-align: center;
}
.photoframe11{
	width:3.5rem;
	height: 2.8rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 4.25rem;
	margin-top:5.46rem;
	text-align: center;
}
.Input6{
	margin-top:4.46rem;
	margin-left:0.7rem ;
}
.text6{
	width: 3.4rem;
	height: 2.6rem;
	writing-mode: vertical-lr;
	transform: scale(0.8,0.8);
	margin-left: -0.4rem;
}
/*第七页*/
.conter7{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/b7.png)no-repeat;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.conter7>img{
	height: 3.8rem;
    position: absolute;
    margin-left: 2.1rem;
    margin-top: -4.8rem;
}
.Input7{
	margin-left: 0.47rem;
	margin-top: 1.81rem;
}
.input7{
	width:3rem ;
	margin-left: -0.3rem;
}
.photoframe13{
	
}
.text7{
	width: 2rem;
	height:5.7rem ;
	/*border: 1px solid;*/
	writing-mode: vertical-lr;
	transform: scale(0.8,0.8);
	margin-left: -0.4rem;
	margin-top: -0.4rem;
}
.photoframe12{
	width:5.13rem;
	height: 6.5rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 2.8rem;
	margin-top:-6.5rem;
	text-align: center;
}
.img15{
	width:4.63rem;
	height: 6.1rem;
	margin-left: 0.2rem;
	margin-top:0.15rem ;
}
.photoframe13{
	width:6.1rem;
	height: 4.18rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-top:-0.8rem;
	text-align: center;
	transform:rotate(-6deg);
}
.img16{
	width:5.6rem;
	height: 3.78rem;
	margin-left:0.2rem;
	margin-top: 0.15rem;
}
/*第8页*/
.conter8{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/b8.png)no-repeat;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.Input8{
	width: 3.2rem;
	margin-left:0.2rem ;
	margin-top: 1.1rem;
}
.input8{
	width:3.2rem ;
	margin-left: 0.3rem;
}
.text8{
	text-align: center;
	margin-top: -0.3rem;
	width: 3.2rem;
	height:2.6rem;
	transform: scale(0.8,0.8);
}
.photoframe14{
	width:4rem;
	height: 3.46rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 3.6rem;
	margin-top:-3rem;
	text-align: center;
	transform:rotate(-5deg);
}
.img17{
	width:3.6rem;
	height: 3rem;
	margin-top: 0.15rem;
	margin-left: 0.12rem;
}
.photoframe15{
	width:2.7rem;
	height: 4.8rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 0.27rem;
	text-align: center;
	transform:rotate(4deg);
}
.img18{
	width:2.2rem;
	height: 4.4rem;
	margin-top: 0.15rem;
	margin-left: 0.15rem;
}
.photoframe16{
	width:4rem;
	height: 3.46rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 3.3rem;
	margin-top:1.3rem;
	text-align: center;
	transform:rotate(4deg);
}
.img19{
	width:3.6rem;
	height: 3rem;
	margin-top: 0.15rem;
	margin-left: 0.12rem;
}
.photoframe17{
	width:4rem;
	height: 2.7rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 0.85rem;
	margin-top:5rem;
	text-align: center;
	transform:rotate(-3deg);
	
}
.img20{
	width:3.6rem;
	height: 2.3rem;
	margin-top: 0.15rem;
	margin-left: 0.15rem;
}
/*第九页*/
.conter9{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/b9.png)no-repeat;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.photoframe18{
	width:3.47rem;
	height:4.6rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 0.98rem;
	margin-top:1.04rem;
	text-align: center;
	transform:rotate(5deg);
	
}
.img21{
	width:3.07rem;
	height: 4.2rem;
	margin-top: 0.15rem;
	margin-left: 0.12rem;
}
.Input9{
	margin-left:5.3rem ;
	margin-top:2rem ;
}
.text9{
	width: 3.34rem;
	height: 4.8rem;
	text-align: center;
	transform:scale(0.7,0.7);
	margin-top: -0.7rem;
	margin-left: -0.5rem;
}
.photoframe19{
	width:3.47rem;
	height:4.6rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 0.98rem;
	margin-top:-00.3rem;
	text-align: center;
	transform:rotate(-3deg);
	
}
.img22{
	width:3.07rem;
	height: 4.2rem;
	margin-top: 0.15rem;
	margin-left: 0.12rem;
}
.photoframe20{
	width:3.47rem;
	height:4.6rem;
	border: 2.5px solid #C5FCFC;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 3.98rem;
    margin-top: -0.1rem;
	text-align: center;
	
}
.img23{
	width:3.07rem;
	height: 4.2rem;
	margin-top: 0.15rem;
	margin-left: 0.12rem;
}
/*第10页*/
.conter10{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/b10.png)no-repeat;
	margin: auto;
	background-size:contain;
	position: relative;
	overflow: hidden;
}
.photoframe21{
	height: 6.66666rem;
	width: 6.7rem;
	box-sizing:border-box;
	border: 2.5px solid #C5FCFC;
	position: absolute;
	margin-top: 0.4533rem;
	margin-left:0.94rem ;
}
.img24{
	height: 6.66666rem;
	width: 6.7rem;
	margin-top: 0.14rem;
	margin-left:0.14rem ;
}
.photoframe22{
	width: 3.74rem;
	height: 5.3333rem;
	box-sizing:border-box;
	border: 2.5px solid #C5FCFC;
	background: #F1FEFF;
	position: absolute;
	/*margin-top: 0.4533rem;
	margin-left:0.94rem ;*/
	bottom: 0.96rem;
	right: 0.29333rem;
}
.img25{
	width: 3.74rem;
	height: 5.3333rem;
	margin-top: -0.24rem;
	margin-left:-0.24rem ;
}
.Input10{
	margin-top: 7.6rem;
	margin-left: 0.96rem;
}
.text10{
	width: 3.4rem;
	height:4rem ;
	/*border: 1px solid;*/
	writing-mode: vertical-lr;
	transform: scale(0.8,0.8);
	margin-left:-0.2rem;
	margin-top: -0.4rem;
	text-align: center;
}
/*分页*/
.previous{
    right: 8.45rem;
    background: url(../../images/photoNewBook/hou.png) no-repeat;
  background-size:contain;
}
.next{
    right: 0.75rem;
    background: url(../../images/photoNewBook/qian.png) no-repeat;
    background-size:contain;
}
.previous,.next{
	width: 0.8rem; 
    height: 0.8rem;
    position: absolute;
    border-radius: 50%;
    top: 12.8rem;
    z-index: 80;
    text-align: center;
    box-shadow: 0 2px 2px rgba(140,140,140,0.5);
}
.conter1{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	background: url(../../images/photoNewBook/b1.png)no-repeat;
	background-size:contain;
	position: relative;
	/*display: none;*/
}
#pages a {
    display: none;
}

.previous,.next{
	display:inline-block;
	
}
/*页码*/
.bar1{
	padding-top: 0.5rem;
	text-align: center;
	font-size: 8px;
}
.bar1>span{
	font-size: 8px;
}
/*进度条*/
.progresbar{
	width: 6.72rem;
	height: 0.8rem;
	/*border: 0.005rem solid #E9E9E9;*/
	border-radius: 0.53rem;
	/*border: 0.05rem solid #E9E9E9;*/
	margin-left: 1.64rem;
	line-height: 0.6rem;
}
.single-slider{
   -webkit-appearance: none;
   border-radius: 10px;
}
.single-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   height: 20px;
   width: 20px;
   margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
   background: #ffffff;
   border-radius: 50%; /*外观设置为圆形*/
   border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
   box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}
.single-slider::-webkit-slider-runnable-track {
   height: 10px;
   border-radius: 10px; /*将轨道设为圆角的*/
   box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}
.single-slider:focus {
   outline: none;
}
.single-slider::-moz-range-progress {
   background: linear-gradient(to right, #059CFA, white 100%, white);
   height: 8px;
   border-radius: 10px;
}
/*更换模板页*/
/*.ToMould{
	position: absolute;
	right: 0rem;
	top: 0.2rem;
}*/
.Mould{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.3;
	display: none;
	z-index: 81;
}
.mouldpage{
	position: absolute;
	bottom: 1.2rem;
		width: 10rem;
		height: 3.5rem;
		line-height: 6rem;
		white-space:nowrap;
		overflow-x:auto;
		overflow-y:hidden;
		display: none;
		z-index: 100;
		background-color: #FFFFFF;
}
.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10{
	width: 2rem;
	height: 2.8rem;
	margin-left: 0.2rem;
	z-index: 82;
}
.m1{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M1.png)no-repeat;
	background-size:contain;
	
}
.m2{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M2.png)no-repeat;
	background-size:contain;
}
.m3{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M3.png)no-repeat;
	background-size:contain;
}
.m4{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M4.png)no-repeat;
	background-size:contain;
}
.m5{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M5.png)no-repeat;
	background-size:contain;
}
.m6{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M6.png)no-repeat;
	background-size:contain;
}
.m7{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M7.png)no-repeat;
	background-size:contain;
}
.m8{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M8.png)no-repeat;
	background-size:contain;
}
.m9{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M9.png)no-repeat;
	background-size:contain;
}
.m10{
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	background: url(../../images/photoNewBook/M10.png)no-repeat;
	background-size:contain;
}
/*语音文字*/
.input1{
	display: inline;
}
.import{
	position: absolute;
	bottom: 1.3rem;
	right: 0;
	text-align: center;
	width: 10rem;
	height: 4.5rem;
	display: none;
	background-color: #ffffff;
	z-index: 100;
}
.voice1{
	position: relative;
	width: 4.6rem;
	height: 2.58rem;
	bottom: 11rem;
	left: 2.7rem;
	background-color: #FFFFFF;
	z-index: 100;
	border-radius: 0.5rem;
	text-align: center;
	line-height: 2.58rem;
	display: none;
}
.yuyin{
	position: absolute;
	width: 1.866rem;
	height: 0.94rem;
    background: url(../../images/photoNewBook/huatong.png) no-repeat;
    background-size:contain;
    margin-left: 2rem;
    margin-top:0.6rem;
    display: none;
   }
 .yuyin>b{
   	margin-left: -1.2rem;
   	color: #63E0CE;
   }
   .stop{
   	position: absolute;
	width: 1.866rem;
	height: 0.94rem;
    background: url(../../images/photoNewBook/yuying.gif) no-repeat;
    background-size:contain;
    margin-left: 1.4rem;
    margin-top:0.6rem;
    display: none;
   }
   .stop>b{
   /*	margin-left: -1rem;*/
   	color: #63E0CE;
   }
   .change{
   	position: absolute;
	width: 1.866rem;
	height: 0.94rem;
    background: url(../../images/photoNewBook/zhuanhua.gif) no-repeat;
    background-size:contain;
    margin-left: 2rem;
    margin-top:0.6rem;
    display: none;
   }
   .change>b{
   	margin-left: -1rem;
   	color: #63E0CE;
   }
.import>div{
	line-height: 1.125rem;
	width: 10rem;
	height: 1.125rem;
	border-top:1px solid #EBEBEB;
}
.Photolibrary,.Photolibrary1{
	position: absolute;
	bottom: 1.3rem;
	width: 100%;
	height: 4.5rem;
	box-shadow: 0 -2px 0px 0 rgba(140,140,140,0.50);
	z-index: 100;
	background: #FFFFFF;
	display: none;
	background-color: #ffffff;
}
.Photolibrary1{
	border-bottom: 1px solid rgba(140,140,140,0.50);
	line-height: 4.5rem;
}
.affirm{
	width: 100%;
	height: 1.2rem;
}

.NO,.OK,.NO1,.OK1{
	width: 1.6rem;
	height:0.8rem;
	margin-top: 0.2rem;
}
.NO,.NO1{
	position: absolute;
	left:0.53rem ;
}
.OK,.OK1{
	position: absolute;
	right:0.53rem ;
}
.affirmNO{
	left:7.53rem ;
}
.Images{
	width: 100%;
	height: 3.3rem;
	overflow:scroll;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.i1{
	position: relative;
}
.s1{
	margin-left: 0.1rem;
	width: 2.3rem;
	height: 2.76rem;
}
.ridus,.gou{
    position: absolute;
   margin-left: 1.8rem;
    margin-top: -0.8rem;
    width: 0.47rem;
    height: 0.47rem;
}
.gou{
	display: none;
}
/*更换图片*/
.renewal{
	width:2.5rem;
	height: 1rem;
	position: absolute;
	    margin-top: 42%;
    margin-left: 1rem;
	z-index: 80;
	text-align: center;
	
	
}
.renewal>img{
		height: 0.4rem;
}
.renewal>a{
		color: #63DECC;
}
.shade{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.50);
    z-index: 80;
    display: none;
}
.Uploadmode{
	position: absolute;
	bottom: 1.3rem;
	right: 0;
	text-align: center;
	width: 100%;
	height:4.5rem;
	display: none;
	background-color: #ffffff;
	z-index: 100;
}
.Uploadmode>div{
	border-top:1px solid #e5e5e5;
	width: 100%;
	height:1.125rem ;
	font-size: 18px;
	line-height: 1.125rem;
}
.r1{
	margin-left: 3.15rem;
    margin-top: 3rem;
}
.r2{
	 margin-top: 2.5rem;
    margin-left: 2rem;
}
.r3{
   margin-top: 2.5rem;
    margin-left: 2rem;
}
}
.r4{
	   margin-top: 42%;
    margin-left: 1rem;
}
.r5{
	margin-left: 2.2rem;
}
.r6{
	margin-left: 0.15rem;
    margin-top: 1.3rem;
}
.r7{
	margin-left: 0.15rem;
    margin-top: 0.5rem;
}
.r8{
	margin-left: 2.15rem;
    margin-top: 1rem;
}
.r9{
	margin-left: 0.15rem;
    margin-top: 1rem;
}
.r10{
	    margin-left: 0.5rem;
    margin-top: 1rem;
}
.r12{
	margin-left: 2rem;
    margin-top: 1.5rem;
}
.r13{
	margin-left: 0.8rem;
    margin-top: 1.2rem;
}
.r14{
	margin-left: 0rem;
    margin-top: 1.5rem;
}
.r15{
margin-left: 0.8rem;
    margin-top: 1.2rem;
}
.r15>img{
	width: 0.4rem;
}
.r16{
	margin-left: 1rem;
    margin-top: 1rem;
}
.r17{
	margin-left: 0.5rem;
    margin-top: 1.8rem;
}

.r20{
	margin-left: 2.3rem;
    margin-top: 2.5rem;

}
.select{
	z-index: 80;
	margin-left: 0rem;
	transform: scale(0.7,0.7);
}
.sele1{
	margin-left: -1.1rem;
}
.file1,.file2,.file3,.file4,.file5,.file6,.file7,.file8,.file9,.file10{
	z-index: 100;
	display: none;
}
.ffff{
	opacity: 0;
}
.btnn{
	margin-top: -1.1rem;
}
/*功能栏*/
.FunctionBar{
	margin-top: 0.7rem;
	width: 10rem;
	height: 1.8rem;
	background-color: #E0FAF4;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.Transfer,.Transfer1,.Transfer2,.Transfer3{
	    text-align: center;
    width: 2.5rem;
    height: 0.7rem;
    margin-top: 0.2rem;
}
.tm{
	margin-top: 0.25rem;
	width: 0.7rem;
}
.webuploader-element-invisible{
	opacity: 0;
}
.diyStart{
	display: inline-block;
	width: 1.2rem;
	margin-left: 2rem;
}
.diyButton{
	width: 100%;
}
#as{
	margin-left:3rem ;
}
.tm1{
	position: absolute;
	margin-left: 3.5rem;
	margin-top: -1.1rem;
}
/**/
label{
	display: none !important;
}
.webuploader-pick{
	margin-top: 0.01rem;
}
.tm2,.tm3{
	position: absolute;
	width: 0.32rem;
	margin-left: -0.2rem;
}
#fileImage{
	position: absolute;
	margin-left: -0.8rem;
	margin-top: 0.4rem;
}
.tm4{
	
}
label{
	display: none !important;
}
/*插页*/
.Images1{
	margin-left: 0.54rem;
}
.PhotoInput{
	display: none;

}
.Images1>img{
	width: 1.45rem;
	/*height: 1.04rem;*/
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin-left: 0.4rem;
}
.PhotoImg:hover{
	border: 2px solid #63E0CE;
}
.i1{
	width: 2.3rem;
    height: 2.76rem;
    margin-left: 0.12rem;
}
/*底部*/
.Foot{
	position: fixed;
	bottom: -0.25rem;
	height: 1.6rem;
	width: 100%;
	line-height: 1.5rem;
	font-size: 16px;
	text-align: center;
	background-color: #FFFFFF;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 -1px 6px 0 rgba(130,130,130,0.50);
    z-index: 100;
}
.thread-boundbook,.Editcontent,.accomplish{
	text-align: center;
	width: 3.3rem;
	height: 1.3rem;
}
.thread-boundbook:hover,.Editcontent:hover,.accomplish:hover{
	color: #79E6D5;
	border-bottom: 1px solid #79E6D5;
}
/*上传视频+*/
.btnn{
	margin-top: -1.1rem;
}
.boundbook{
	color: #79E6D5;
  border-bottom: 1px solid #79E6D5;
}
/*调整视频的位置*/
.img1>.vedioToCode{
	margin:30% 40%;
  width: 2.7rem;
  height: 2.7rem;
}
.img2-vedioToCode{
  margin: 27% 31%;
  width: 2.7rem;
  height: 2.7rem;
}
.img3>.vedioToCode{
  margin: 27% 31%;
  width: 2.7rem;
  height: 2.7rem;
}
.img4>.vedioToCode{
  margin: 20% 19%;
  width: 2.7rem;
  height: 2.7rem;
}
.img5>.vedioToCode{
 margin: 51% 29%;
  width: 2.7rem;
  height: 2.7rem;
}
.img6>.vedioToCode{
  margin: 27% 13%;
  width: 2.7rem;
  height: 2.7rem;
}
.img7>.vedioToCode{
  margin: 8% 16%;
  width: 2.7rem;
  height: 2.7rem;
}
.img8>.vedioToCode{
  margin: 33% -10%;
  width: 2.7rem;
  height: 2.7rem;
}
.img9>.vedioToCode{
  margin: 7% 31%;
  width: 2.7rem;
  height: 2.7rem;
}
.img11>.vedioToCode{
margin: -5% 7%;
  width: 2.7rem;
  height: 2.7rem;
}
.img12>.vedioToCode{
margin: -5% 7%;
  width: 2.7rem;
  height: 2.7rem;
}
.img13>.vedioToCode{
  margin: -2% 11%;
  width: 2.7rem;
  height: 2.7rem;
}
.img14>.vedioToCode{
margin: -4% 9%;
  width: 2.7rem;
  height: 2.7rem;
}
.img15>.vedioToCode{
 margin: 51% 29%;
  width: 2.7rem;
  height: 2.7rem;
}
.img24>.vedioToCode{
margin: 26% 31%;
  width: 2.7rem;
  height: 2.7rem;
}
.img25>.vedioToCode{
margin: 34% 18%;
  width: 2.7rem;
  height: 2.7rem;
}
.img15>.vedioToCode{
margin: 25% 15%;
  width: 2.7rem;
  height: 2.7rem;
}
.img16>.vedioToCode{
margin: 11% 30%;
  width: 2.7rem;
  height: 2.7rem;
}
.img17>.vedioToCode{
margin: 6% 16%;
  width: 2.7rem;
  height: 2.7rem;
}
.img18>.vedioToCode{
    margin: 30% -10%;
  width: 2.7rem;
  height: 2.7rem;
}
.img19>.vedioToCode{
margin: 8% 15%;
  width: 2.7rem;
  height: 2.7rem;
}
.img20>.vedioToCode{
margin: -8% 18%;
  width: 2.7rem;
  height: 2.7rem;
}
.img21>.vedioToCode{
margin: 29% 10%;
  width: 2.7rem;
  height: 2.7rem;
}
.img22>.vedioToCode{
margin: 23% 9%;
  width: 2.7rem;
  height: 2.7rem;
}
.img23>.vedioToCode{
    margin: 25% 9%;
  width: 2.7rem;
  height: 2.7rem;
}
/*语音位置*/
.text2{
	width: 10rem;
    height: 1.64rem;
}
.text1>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: 26% 0%;
}
.text2>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: -2% 36%;
}
.text3>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: -4% 16%;
}
.text4>.erWeiMa{
	width: 1.8rem;
	height: 1.8rem;
	margin: -5% 40%;
}
.text5>.erWeiMa{
	width: 1.5rem;
	height: 1.5rem;
	margin: -1% 41%;
}
.text6>.erWeiMa{
	width: 2rem;
	height:2rem;
	margin: 16% 40%;
}
.text7>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: 26% 0%;
}
.text8>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: 11% 21%;
}
.text9>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: 15% 39%;
}
.text10>.erWeiMa{
	width: 2rem;
	height: 2rem;
	margin: 13% 32%;
}
